<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />

    <title>Add</title>
    <link rel="icon" type="image/ico" href="<?php echo base_url();?>external/resources/images/favicon.ico" />
    <link rel="shortcut icon" href="<?php echo base_url();?>external/resources/images/favicon.ico" />


    <link href="<?php echo base_url();?>external/js/external/bootstrap/css/bootstrap.css" rel="stylesheet" />
    
    <link href="<?php echo base_url();?>external/js/external/bootstrap/css/sticky-footer-navbar.css" rel="stylesheet" />

    <link href="<?php echo base_url();?>external/css/default.css" rel="stylesheet" />
    <link href="<?php echo base_url();?>external/css/bootstraphack.css" rel="stylesheet" />
    
	<link href="<?php echo base_url();?>external/js/external/jquery-ui/jquery-ui.css" rel="stylesheet" />


</head>
<body onload="getGuardianName(<?php echo $this->input->get('guardian_id');?>)">
    <div id="wrap">

      <!-- Fixed navbar -->
      <div class="navbar navbar-default" role="navigation">
        <div class="container">
          <div class="navbar-header">
            <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
              <span class="sr-only">Toggle navigation</span>
              <span class="icon-bar"></span>
              <span class="icon-bar"></span>
              <span class="icon-bar"></span>
            </button>
            <img src="<?php echo base_url();?>external/resources/images/Tagger%20logo_144x144px.png" class="left pull-left" />
          </div>
          <div class="collapse navbar-collapse">
            <ul class="nav navbar-nav">
              <li><a href="<?php echo base_url().'search';?>" >Search</a></li>     
			  <li><a href="#" >MyAcct</a></li>
			  <li><a href="#" >Tags</a></li>			  
              <li><a href="<?php echo base_url().'login/logout';?>">Log Out</a></li>
            </ul>
          </div><!--/.nav-collapse -->
        </div>
      </div>

      <!-- Begin page content -->
      <div class="container">
        <div class="page-header">
          <h1>Add a student</h1>        
          <p class="lead">Create new taggable student. All fields are required.</p> 
          <div id="Message"></div>
        </div>
        <div>
		<div class="alert alert-success" style="display:none;" id="containerSuccess">
			Student Successfully Added! Next, click this <a href="<?php echo base_url();?>login">link</a> to create Tag for this student.
		</div>
			<div class="row-fluid" id="containerAdd" >
				<input type="hidden" id="hiddenGuardianID">    
                <form role="form">
                  <div class="form-group">
                    <label for="textGuardianName">Guardian Name</label>
                    <input type="text" class="form-control input-width-md" id="textGuardianName" placeholder="" disabled>
                  </div>
                  <div class="form-group">
                    <label for="lastName">Last Name</label>
                    <input type="text" class="form-control input-width-md" id="textStudentLastName" placeholder="" required autofocus/>
                  </div>
                  <div class="form-group">
                    <label for="firstName">First Name</label>
                    <input type="text" class="form-control input-width-md" id="textStudentFirstName" placeholder="" required/>
                  </div>
                  <div class="form-group">
                    <label for="middleName">Middle Name</label>
                    <input type="text" class="form-control input-width-md" id="textStudentMiddleName" placeholder="" required/>
                  </div>
                  <div class="form-group">
                    <label for="address">Address</label>
                    <input type="text" class="form-control" id="textStudentAddress" placeholder="" required/>
                  </div>
                  <div class="form-group">
                    <label for="age">Age</label>
                    <input type="text" class="form-control input-width-sm" id="textStudentAge" placeholder="" required/>
                  </div>
                  <div class="form-group">
					  <label for="birthday">Birthday</label>
					  <input type="text" class="form-control input-width-sm" id="textStudentBirthday" value="yyyy-mm-dd" required/>
				  </div>       
                  <div class="form-group">
                    <label for="selectYearLevel">Year Level</label>
                    <div>
                        <select id="selectYearLevel" class="form-control input-width-sm" required/>
                            <option>Senior</option>
                            <option>Sophomore</option>
                            <option>Junior</option>
                            <option>Freshman</option>
                            <option>7th Grade</option>
                            <option>6th Grade</option>
                            <option>5th Grade</option>
                            <option>4th Grade</option>
                            <option>3rd Grade</option>
                            <option>2nd Grade</option>
                            <option>1st Grade</option>
                            <option>Preparatory</option>
                            <option>Kindergarten</option>
                            <option>Nursery</option>
                         </select>
                    </div>
                  </div>
                  <div class="form-group">
                    <label for="selectSchoolYear">School Year</label>
                    <div>
                        <select id="selectSchoolYear" class="form-control input-width-sm" required>
                            <option>2014-2015</option>
                            <option>2013-2014</option>
                            <option>2012-2013</option>
                            <option>2011-2012</option>
                            <option>2010-2011</option>
                            <option>2009-2010</option>
                            <option>2008-2009</option>
                            <option>2007-2006</option>
                            <option>2006-2005</option>              
                         </select>
                    </div>
                  </div> 
                  <div class="form-group">
                    <label for="selectGender">Gender</label>
                    <div>
                        <select id="selectGender" class="form-control input-width-sm" required>   
                            <option value="Male">Male</option>
                            <option value="Female">Female</option>
                         </select>
                   </div>

                  </div>  
                  <div class="row">
                      <div class="col-md-6">
                          <div>
                              <button id="buttonSubmit" type="button" class="btn btn-primary">Submit</button>
                              <button id="buttonClear" type="button" class="btn btn-primary">Clear</button>
                          </div>
                      </div> 
                  </div>  
                </form>                                                    
            </div>
        </div>

      </div>
    </div>
    <!-- Begin page content -->
    <div id="footer">
      <div class="container">
        <p class="text-muted"></p>
      </div>
    </div>

    <script type="text/javascript" src="<?php echo base_url();?>external/js/external/utilities/jquery.2.1.1.min.js"></script>
    <script type="text/javascript" src="<?php echo base_url();?>external/js/external/json2.js"></script>
    <script type="text/javascript" src="<?php echo base_url();?>external/js/external/bootstrap/js/bootstrap.min.js"></script>
    <script type="text/javascript" src="<?php echo base_url();?>external/js/ajaxfunctions/ajaxfunctions.js"></script>
	<script type="text/javascript" src="<?php echo base_url();?>external/js/external/jquery-ui/jquery-ui.js"></script>
	
    <script type="text/javascript" src="<?php echo base_url();?>external/js/ajaxfunctions/addstudent.js"></script>

    <script type="text/javascript">
        jQuery.noConflict();
    </script>
</body>
</html>